import React, { Component } from 'react';
import {Popup} from 'antd-mobile'
import FooterAlertMaskList from './FooterAlertMaskList'
import style from './footerAlertMask.scss'

class FooterAlertMask extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }

	componentWillMount(){

	}

	componentWillUnmount(){

	}

    render() {
		console.log('_____________签注Mask',this.props)
        return (
            <div className={style.footerAlertBox}>
				<ul className={style.listType}>
					{
						this.props.visaList.map((e,i)=>{

						return <FooterAlertMaskList key = {i}
													visaType = {this.props.visaType}
													data = {e}
													onClick = {(type,typeNameJc,times,timesName,bizProvinceId)=>{this.props.choose(type,typeNameJc,times,timesName,bizProvinceId)}}


								/>
						})
					}
				</ul>
				<div style={{height: '.38rem',background: '#f1f1f1'}}></div>
				<div className={style.btn} onClick={e=>Popup.hide()}>取消</div>
            </div>
        )
    }
}

FooterAlertMask.defaultProps = {
	visaList: [],
	visaIndex: 0  //默认的选择
}

export default FooterAlertMask